<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>购买界面</title>
    <link rel="icon" href="../img/icon.png">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/main_shop.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bg">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand title_font" href="../index.html">
                <img src="../img/logo.png" alt="" width="300px">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav nav_light">
                    <li class="nav-item">
                        <a class="nav-link" href="../index.html">首页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="../html/main_shop.html">购买矿机</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="../html/help.html">帮助中心</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>
<!--顶部导航条结束-->

<div class="container-fluid" style="padding: 0">
    <img src="../img/shop/banner.jpg" alt="" width="100%">
</div>
<!--中间内容开始-->
<div class="container">
    <div class="list">
        <!--<div class="item"><div><span>套餐号</span><span>1</span></div><div><img src="../img/1.jpg" alt="" width="100px" height="30px"></div><div style="align-items: center"><div >费用</div><div class="price">2.000.000</div></div><div><button class="main_shop">立即购买</button></div></div>-->
        <!--<div class="item">-->
        <!--<div>-->
        <!--<span>套餐号</span>-->
        <!--<span>1</span>-->
        <!--</div>-->
        <!--<div>-->
        <!--<img src="../img/1.jpg" alt="" width="100px" height="30px">-->
        <!--</div>-->
        <!--<div style="align-items: center">-->
        <!--<div >费用</div>-->
        <!--<div class="price">2.000.000</div>-->
        <!--</div>-->
        <!--<div>-->
        <!--<button class="main_shop">立即购买</button>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="item">-->
        <!--<div>-->
        <!--<span>套餐号</span>-->
        <!--<span>1</span>-->
        <!--</div>-->
        <!--<div>-->
        <!--<img src="../img/1.jpg" alt="" width="100px" height="30px">-->
        <!--</div>-->
        <!--<div style="align-items: center">-->
        <!--<div >费用</div>-->
        <!--<div class="price">2.000.000</div>-->
        <!--</div>-->
        <!--<div>-->
        <!--<button class="main_shop">立即购买</button>-->
        <!--</div>-->
        <!--</div>-->
    </div>
</div>
<!--中间内容结束-->

<!--底部内容开始-->
<div style="width: 100%;background: #e4e4e7;padding-top: 28px">
    <div class="container">
        <div class="footer_top">
            <ul>
                <li class="footer_top_title">服务</li>
                <li><a href="">常见问题</a></li>
                <li><a href="">区块链浏览器</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">注意事项</li>
                <li><a href="">ETH挖矿机入门教程</a></li>
                <li><a href="">如何查看自己的收益</a></li>
                <li><a href="">如何设置掉线、转账提醒</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">服务热线</li>
                <li style="font-size: 24px;color: #6c6c6c">4008-500-700<span class="phone_line">|</span></li>
            </ul>
            <ul>
                <li class="footer_top_img">
                    <img src="../img/weibo.png" alt="">
                    <img src="../img/wecat.png" alt="">
                    <img src="../img/headset.png" alt="">
                </li>
                <li><a href="">Kefu@swzh.com</a></li>
            </ul>
            <div>
                <img src="../img/code.jpg" alt="">
                <p style="font-size: 16px;color: #6c6c6c;text-align: center;margin-top: 8px">扫一扫
                    关注我们</p>
            </div>
        </div>
    </div>
</div>
<div style="width: 100%; background: #48474a">
    <div class="container">
        <div class="footer_bottom">
            <div style="border: 1px solid #fff;border-radius: 12px;width: 12px;height: 12px;text-align: center;line-height: 9px">c</div>
            <span>&nbsp 2018 &nbsp iobox &nbsp All &nbsp rights &nbsp reserved &nbsp 成都嗒嗒嗒信息技术有限公司</span>
            <img src="../img/polic_.png" alt="">
            <span style="margin-left: 10px">蜀ICP备16018741号-2</span>
            <img src="../img/qytb1_hui.png" alt="">
            <img src="../img/qytb2_hui.png" alt="">
            <img src="../img/qytb3_hui.png" alt="">
        </div>
    </div>
</div>
<!--底部内容结束-->
<script>
    $(document).ready(function () {
        let lists = [];
        let m;
        let arr = [{name: '以太坊矿机', img: '../img/shop/kuanji1.png', price: 2000,id:0}, {name: '比特币矿机', img: '../img/shop/kuanji3.png', price: 3000,id:1}];
        arr.map((v, i) => {
            m = '<div class="item"><div><span class="item_span1">'+v.name+'</span></div><div><img src=' + v.img + ' alt="" width="100px" height="30px"></div><div style="align-items: center"><div class="price2">费用</div><div class="price">' + v.price + '</div></div><div><button class="main_shop" id='+v.id+'>立即购买</button></div></div>'
            lists.push(m);
            $('.list').html(lists)
        });
        $('.list').on('click', '.main_shop', function (e) {
          console.log($(this).attr('id'));
            window.location.href = "shop_item.html?id="+$(this).attr('id');
        })
    });
</script>
</body>
</html>